
<template>
  <WebModal word="详情" noFooter>
    <WebShow>
      <!-- 进场时间 -->
      <EasyRow>
        <ShowPhoto :one="one.recordIn" bind="vehiclePicUrl" row3 quar noLabel />

        <div class="quar3">
          <ShowText label="停车时长">
            {{ CORE.numDuring((one.stopTime / 1000) | 0) || 0 }}
          </ShowText>

          <EasyRow>
            <ShowTime label="进场时间" bind="recordInTime" :disabled="!one.expireTime" word4 half />
            <ShowText label="进场口" bind="entranceInName" :labelWidth="50" word4 half />
          </EasyRow>

          <EasyRow>
            <ShowDict :one="one.recordIn" label="放行结果" bind="recordResult" :dict="DICT.RESULT_TYPE" half word4 />
            <ShowDict :one="one.recordIn" label="放行方式" bind="recordWay" :dict="DICT.WAY_TYPE" half word4 />
          </EasyRow>
        </div>
      </EasyRow>

      <EasyDivider />

      <!-- 出场时间 -->
      <EasyRow>
        <ShowPhoto :one="one.recordOut" bind="vehiclePicUrl" row3 quar noLabel />

        <div class="quar3">
          <EasyRow>
            <ShowTime label="出场时间" bind="recordOutTime" :disabled="!one.expireTime" future required half />
            <ShowText label="出场口" bind="entranceOutName" word4 half />
          </EasyRow>

          <EasyRow>
            <ShowDict :one="one.recordOut" label="放行结果" bind="recordResult" :dict="DICT.RESULT_TYPE" half word4 />
            <ShowDict :one="one.recordOut" label="放行方式" bind="recordWay" :dict="DICT.WAY_TYPE" half word4 />
          </EasyRow>
        </div>
      </EasyRow>
    </WebShow>
  </WebModal>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyModal',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb()],

  /**
   * 组件导入 (Abc.vue + Abc/index.vue)
   */
  ...CORE.components(require.context('./', true, /vue$/)),
}
</script>
